<template>
	<view class="box">
		<view class="statusBar" :style="{height:statusHeight}"></view>
		<view class="back" @click="back"></view>
		<!-- <input type="text">
		<view class="show"></view> -->
<!-- 		<view class="section">
		  <input :bindinput="bindInput" placeholder="搜索" focus="true" />
		</view>
		<view :bindtouchstart="bindSearch" data-keywords="{{i.name}}" class="text_box" v-for="{{tips,index}}" :key="index">
		  {{tips.name}}
		</view> -->
	</view>
</template>

<script>
	import amapFile from '../../libs/amap-wx.130.js'
	export default{
		data() {
			return {
				statusHeight:0,
				// tips: {}
			}
		},
		onLoad() {
			// 获取设备信息 状态栏高度
			var info = uni.getSystemInfoSync();
			// console.log(info);
			this.statusHeight=info.statusBarHeight+'px';
		  },
		  
		 //  bindInput: function(e){
		 //      var that = this;
		 //      var keywords = e.detail.value; 
		 //      var key = config.Config.key;
		 //      var myAmapFun = new amapFile.AMapWX({key: '26b9295dcaa80f8a723eb3560acb024e'});
		 //      myAmapFun.getInputtips({
		 //        keywords: keywords,
		 //        location: '',
		 //        success: function(data){
		 //          if(data && data.tips){
		 //            that.setData({
		 //              tips: data.tips
		 //            });
		 //          }
		  
		 //        }
		 //      })
		 //    },
			// bindSearch: function(e){
			//     var keywords = e.target.dataset.keywords;
			//     var url = '../poi/poi?keywords=' + keywords;
			//     console.log(url)
			//     wx.redirectTo({
			//       url: url
			//     })
			//   },
		  methods:{
			  back(){
			  	uni.switchTab({
			  		url: '/pages/index/index'
			  	})
			  }
		  }
	}
</script>

<style lang="scss">
	.box{
		.statusBar{
			width: 100%;
			background-color: #fff;
		}
		.back{
			width: 100%;
			height: 50rpx;
			background-color: #005efe;
			pointer-events: none;
			&:before{
				content: "<";
				box-sizing: border-box;
				height: 100rpx;
				width: 100rpx;
				color: white;
			    position: absolute;
				left: 30rpx;
				top:40rpx;
				font-size: 30rpx;
				pointer-events: auto;
			}
		}
		input{
			display: block;
			width: 90%;
			height:40px;
			box-shadow: 0px 0px 5px #005efe inset;
			border-radius: 10px;
			padding:0 10px 0 60rpx;
			margin: 50rpx auto 10rpx;
			
		}
		.show{
			width: 90%;
			height: 1100rpx;
			background-color: #eee;
			margin: 0 auto;
			border-radius: 30rpx;
		}
		// .section{
		//   height: 30px;
		//   width: 100%;
		// }
		// .section input{
		//   width:90%;
		//   margin:5px auto;
		//   border:1px solid #c3c3c3;
		//   height:30px;
		//   border-radius: 3px;
		//   padding: 0 5px;
		// }
		// .text_box{
		//   margin: 10px 25px;
		//   border-bottom:1px solid #c3c3c3;
		//   padding-bottom:10px
		// }
	}
</style>